$(document).ready(function(){

// hide #back-top first
    $("#hs-back-top").hide();

// fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#hs-back-top').fadeIn();
                $("#hs-back-top").removeClass("bounceOutRight");
                $("#hs-back-top").addClass("bounceInRight");
            } else {
                $('#hs-back-top').fadeOut();
                $("#hs-back-top").removeClass("bounceInRight");
                $("#hs-back-top").addClass("bounceOutRight");
            }

        });
        $("#hs-back-top").click(function(){
            //滚动时 滚动条离上部的距离
            var distance = $("html").scrollTop() + $("body").scrollTop();
            //设置滚动的总时间
            var time=600;
            //间隔时间
            var intervalTime=10;
            var itemDistance=distance/(time/intervalTime);
            var intervalId = setInterval(function(){
                distance-=itemDistance;

                if(distance<=0){
                    clearInterval(intervalId);
                }
                $("html,body").scrollTop(distance-itemDistance);
            },intervalTime);
        })

    });
});